div,
p {
    font-family: Verdana, Arial, sans-serif;
}

p.content {
    font-size: 12px;
    width: 30em;
}

div#help {
    font-size: 12px;
    width: 45em;
    padding: 1em;
}

div#timemap {
    padding: 1em;
}

div#timelinecontainer {
    width: 100%;
    height: 200px;
}

div#timeline {
    width: 100%;
    height: 100%;
    font-size: 12px;
    background: #CCCCCC;
}

div#mapcontainer {
    width: 100%;
    height: 400px;
}

div#map {
    width: 100%;
    height: 100%;
    background: #EEEEEE;
}

div.infotitle {
    font-size: 14px;
    font-weight: bold;
}

div.infodescription {
    font-size: 14px;
    font-style: italic;
}

div.custominfostyle {
    font-family: Georgia, Garamond, serif;
    font-size: 1.5em;
    font-style: italic;
    width: 20em;
}

div#timelinecontainer {
    height: 300px;
}

div#mapcontainer {
    height: 300px;
}

div.olFramedCloudPopupContent {
    width: 300px;
}

div.infoHtml {
    font-size: 12px;
    line-height: 150%;
}

div.infoHtml img {
    display: block;
    padding: 5px;
    width: 130px;
    float: left;
}

div.infoHtml p {
    float: right;
}
